$(function() {

	lay('#version').html('-v' + laydate.v);

	// 执行一个laydate实例
	laydate.render({
		elem : '#starttime' // 指定元素
	});
	laydate.render({
		elem : '#endtime' // 指定元素
	});
	var date="all";
	vm.table();
});
function workOrderInfo(id) {
	localStorage.id = id;
	parent.location.href = baseURL
			+ "index.html#modules/web/tworkOrderInfoAdmin.html";


}
var vm = new Vue({
	el : '#rrapp',
	data : {
		showList : true,
		title : null,
		tWorkOrder : {},
		search : null,
		date : "all",
	},
	methods : {
		
	table:function(){$("#jqGrid")
		.jqGrid(
				{
					url : baseURL + 'tworkorder/listAll',
					datatype : "json",
					colModel : [

							{
								label : '留言用户',
								name : 'user',
								index : 'user',
								width : 80
							},
							{
								label : '手机号',
								name : 'mobile',
								index : 'mobile',
								width : 80
							},
							{
								label : '用户邮箱',
								name : 'email',
								index : 'email',
								width : 80
							},
							{
								label : '最近留言时间',
								name : 'cUpdateTime',
								index : 'cupdatetime',
								width : 80
							},
							{
								label : '操作',
								name : 'id',
								index : 'id',
								width : 80,
								formatter : function typeformatter(
										cellvalue, options, rowObject) {
									var selectHtml = "<a href='javascript:void(0)'; onclick='workOrderInfo("
											+ rowObject.id
											+ ")'; class='click_pop'>查看详情</a>";
									return selectHtml
								},
							},

					],
					viewrecords : true,
					height : 385,
					rowNum : 10,
					rowList : [ 10, 30, 50 ],
					rownumbers : false,
					rownumWidth : 25,
					autowidth : true,
					multiselect : true,
					pager : "#jqGridPager",
					jsonReader : {
						root : "page.list",
						page : "page.currPage",
						total : "page.totalPage",
						records : "page.totalCount"
					},
					prmNames : {
						page : "page",
						rows : "limit",
						order : "order"
					},
					postData : {
						'date' : vm.date,
						'search' : vm.search,
					},
					gridComplete : function() {
						// 隐藏grid底部滚动条
						$("#jqGrid").closest(".ui-jqgrid-bdiv").css({
							"overflow-x" : "hidden"
						});
					}
				});},
		reload : function(event) {
			vm.showList = true;
			var page = $("#jqGrid").jqGrid('getGridParam', 'page');
			$("#jqGrid").jqGrid('setGridParam', {
				postData : {
					'date' : vm.date,
					'search' : vm.search,
				},
				page : page
			}).trigger("reloadGrid");
		},
selectInfoAll:function(date){

			// 点击后样式
			var tr_input = $(".category-list").closest("div").find("button");
			for (var i = 0; i < 4; i++) {
				$(".tc-15-btn").removeClass("checked");
			}
			$("#all").addClass("checked");
			vm.date = date;
			// 清空日期
			vm.search = "";
			$("#searchText").val('');
			$("#starttime").val("");
			$("#endtime").val("");

		},
				selectInfoNow:function(date){
					// 点击后样式
					var tr_input = $(".category-list").closest("div").find("button");
					for (var i = 0; i < 4; i++) {
						$(".tc-15-btn").removeClass("checked");
					}
					$("#now").addClass("checked");

					// 清空日期
					$("#searchText").val('');
					$("#starttime").val("");
					$("#endtime").val("");
					vm.date = date;

				},selectInfoYesterday:function(date){
					// 点击后样式
					var tr_input = $(".category-list").closest("div").find("button");
					for (var i = 0; i < 4; i++) {
						$(".tc-15-btn").removeClass("checked");
					}
					$("#yesterday").addClass("checked");

					// 清空
					vm.search = "";
					$("#searchText").val('');
					$("#starttime").val("");
					$("#endtime").val("");
					vm.date = date;
				},
				selectDate:function(){
					//点击后样式
					var tr_input = $(".category-list").closest("div").find("button");
					for (var i = 0; i < 4; i++) {
						$(".tc-15-btn").removeClass("checked");
					}
					$("#date").addClass("checked");	
				
					//清空
					var date="";
					vm.search = "";
					var starttime = $("#starttime").val();
					var endtime = $("#endtime").val();
					if (starttime == null || starttime == "") {
						alert("请选择查询起始时间");
					} else if (endtime == null || endtime == "") {
						alert("请选择查询结束时间");
					} else {
						$("#jqGrid").jqGrid('setGridParam', {
							postData : {
								'starttime' : starttime,
								'endtime' : endtime,
								'date' : date,
							},
							page : 1
						}).trigger("reloadGrid");
					}
				
				},
				// 模糊匹配查询
				setSearchText : function() {

					vm.search = $("#searchText").val();

				},
				/**
				 * 结束
				 */
			},
			//条件查询
			watch : {
				date : function() {
					this.reload();
				},
				search : function() {
					this.reload();
				}
			},
});